<template>
  <div class="product-over-view" id="cpgs">
    <!-- tit -->
    <div class="tit">
      <h2>产品概述</h2>
      <div class="empty-box"></div>
      <p>一诺万金社区政务平台，变管理为服务，变被动为主动，提升公共服务管理水平</p>
    </div>
    <!-- con -->
    <div class="con">
      <div class="img-box">
        <img src="https://www.1nuoyun.com/uploadfile/2021/09/15/2021091518340437q16i.jpg" alt="智慧街道">
      </div>
      <div class="text-box">
        <p>
          <span>一诺万金智慧街道（社区）政务平台</span>
          整合社区内的人、地、事、物、情、组织等信息，同时涵盖一门式办公，在线预约、在线办事、业务预警、信息公示、通知通告等，完美覆盖智慧社区管理工作，依托适度领先的社区基础设施建设，实现社区的信息化、智能化和现代化管理，为居民提供便捷、高效、智能的社区服务体系，打通服务社区群众的“最后一公里”，变管理为服务，变被动为主动，最大程度满足人民群众日益多样的公共服务需求，提升公共服务管理水平。
        </p>
        <p>
          <!-- <span>一诺万金综治网格化平台</span> -->
          通过建立智慧社区综合服务平台，打通政府、社区、物业、群众及商家等管理链与服务链，逐步完成与社区养老、社会救助、公益捐助、福利彩票、殡葬管理、社区物联、社区义工等系统的对接，最终构建以人为本，融合人、物、环境的自然和谐统一，实现绿色、平安、健康、和谐的智慧社区，推动“精密智治”的基层治理体系现代化。
        </p>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: "ProductOverView",
    data() {
      return {

      }
    }
  }
</script>

<style lang="scss" scoped>

@import "assets/scss/public";

.product-over-view {
  width: 62.5%;
  margin: 40px auto;
  .tit {
    .empty-box {
      background: linear-gradient(90deg, #2f6bee, #009fff);
    }
  };
  .con {
    box-shadow: 0 0 10px #f5f5f5;
    padding: 40px;
    display: flex;
    align-items: center;
    .img-box {
      margin-right: 40px;
      img {
        width: 400px;
      }
    };
    .text-box {
      p {
        font-size: 16px;
        line-height: 32px;
        color: #666;
        text-align: justify;
        span {
          font-weight: 1000;
          color: #333;
        }
      }
    }
  };
  .con:hover {
    transition-duration: 0.3s;
    transform: translateY(-5px);
  }
}

</style>